 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href=/static/lib/css/bootstrap.css>
    <link rel="stylesheet" href=/static/css/base.css>
    <link rel="stylesheet" href=/static/css/index.css>
    <script src=/static/lib/jquery/jQuery.js></script>
    <script src=/static/lib/js/bootstrap.js></script>
    <script src=/static/js/index.js></script>
    
    <title>
首页
</title>
</head>

<body>
<!-- 大屏状态下nav -->
<div class="huge hidden-sm hidden-xs">
    <div id="topbar">
        <div class="container">
            <div class="l">
                <p>在线时间08:30-21:30</p>
                <p>欢迎访问家电在线商城</p>
            </div>
            <div class="r">
                
                    <a href=/computer/user/login/>登录</a>
                    <a href=/computer/user/register/>注册</a>
                


                <a href='/computer/cart/' class="cart"><i class="glyphicon glyphicon-shopping-cart"></i><span
                        class="badge"></span>
                </a>
            </div>
        </div>
    </div>
    <nav>
        <div class="container">
            <img src=/static/media/logo.png alt="">
            <ul>
                <li><a href="/computer/" >首页</a></li>
                <li><a href="/computer/goods_sort/%E7%AC%94%E8%AE%B0%E6%9C%AC/1"
                       >笔记本</a></li>
                <li><a href="/computer/goods_sort/%E5%8F%B0%E5%BC%8F%E6%9C%BA/1"
                       >台式机</a></li>
                <li><a href="/computer/goods_sort/%E9%85%8D%E4%BB%B6/1" >外设系列</a>
                </li>
                <li><a href="" >售后服务</a></li>
            </ul>
            <form action="/computer/search" method="get">
                <input type="text" name="q" placeholder="游戏笔记本">
                <button type="submit">提交</button>
            </form>
        </div>
    </nav>
</div>


<!-- 小屏幕下nav -->
<div class="lettle hidden-lg hidden-md">
    <div class="navbar navbar-inverse navbar-static-top">
        <div class="container">
            <div class="btn"><i class="glyphicon glyphicon-align-justify"></i></div>
            <div class="logo"><img src=/static/media/logo.png alt="" width="110" class="img-responsive"></div>
            <div class="search"><i class="glyphicon glyphicon-search" data-toggle="modal" data-target="#search"></i>
            </div>
        </div>
        <!-- 左侧隐藏框 -->
        <div class="slideRight">
            <div class="s_head">
                
                    <!-- 未登录状态 -->
                    <a href=/computer/user/login/>登录</a>
                    <a href=/computer/user/register/ class="register">注册</a>
                    <!-- /未登陆状态 -->
                


            </div>
            <div class="s_logo"><img src=/static/media/logo.png height="50" alt=""></div>
            <ul class="s_list">
                <li><a href="/computer/">首页</a></li>
                <li><a href='/computer/cart/'>我的购物车</a></li>
                <li><a href="/computer/goods_sort/%E7%AC%94%E8%AE%B0%E6%9C%AC/1">笔记本</a></li>
                <li><a href="/computer/goods_sort/%E5%8F%B0%E5%BC%8F%E6%9C%BA/1">台式机</a></li>
                <li><a href="/computer/goods_sort/%E9%85%8D%E4%BB%B6/1">外设系列</a></li>
                <li><a href="">售后服务</a></li>

            </ul>
        </div>
    </div>
</div>
<input type="hidden" name="" id="slider_num" value="2">


<div class="fixnav hidden-sm hidden-xs">
    <div class="fix_tel"><i class="glyphicon glyphicon-earphone"></i>
        <p>18337252813</p>
    </div>
    <div class="bling"><i class="glyphicon glyphicon-bell"></i></div>
    <div class="reback"><i class="glyphicon glyphicon-upload"></i></div>
</div>

        <div class="wrapper">
            <div class="sort hidden-sm hidden-xs">
                <!-- <div class="container"> -->
                <table>
                    <th>全部分类</th>
                    <tr>
                        <td><a href="">游戏笔记本</a></td>
                    </tr>
                    <tr>
                        <td><a href="">台式笔记本</a></td>
                    </tr>
                    <tr>
                        <td><a href="">办公键盘</a></td>
                    </tr>
                    <tr>
                        <td><a href="">游戏鼠标键/耳机</a></td>
                    </tr>
                    <tr>
                        <td><a href="">高清摄像头</a></td>
                    </tr>
                    <tr>
                        <td><a href="">VR专区</a></td>
                    </tr>
                    <tr>
                        <td><a href="">驱动下载</a></td>
                    </tr>
                    <tr>
                        <td><a href="">保修政策</a></td>
                    </tr>
                </table>
                <!-- </div> -->
            </div>
            <!-- 轮播 -->
            
             <a href="http:www.baidu.com" class="slider"
               style="background: url(http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MJ8GAR58TAALfuxmgoJ45435597) no-repeat center; background-size: cover;"></a>
            
             <a href="http:www.baidu.com" class="slider"
               style="background: url(http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MJSqAap7fAAWmJka_atc2068804) no-repeat center; background-size: cover;"></a>
            


        </div>
        <div class="promote">
            <div class="container">
                <div class="row">
                    
                   <div class="col-lg-3 col-sm-3">
                        <div class="thumbnail">
                            <a href="http://www.jd.com"> <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MHm6AfUDjAABUHMrHAWo2240951"></a>
                        </div>
                    </div>

                    
                   <div class="col-lg-3 col-sm-3">
                        <div class="thumbnail">
                            <a href="http://www.jd.com"> <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MIa6ADI6PAABH97uRajQ3889575"></a>
                        </div>
                    </div>

                    
                   <div class="col-lg-3 col-sm-3">
                        <div class="thumbnail">
                            <a href="http://www.jd.com"> <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MIlmABc9nAABjV-sKyiQ2043916"></a>
                        </div>
                    </div>

                    
                   <div class="col-lg-3 col-sm-3">
                        <div class="thumbnail">
                            <a href="http://www.jd.com"> <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MIouAG79oAABNrX0981o6161167"></a>
                        </div>
                    </div>

                    


                </div>
            </div>
        </div>
        <!-- 促销 -->

        <!-- 精选单品推荐 -->
        <div class="recommend">
            <div class="container">
                <h3>精选单品推荐</h3>
                <div class="row">
                    
                     <div class="col-sm-2 col-lg-2">
                        <div class="thumbnail">
                            <a href=""><img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MVGeAB2qPAAAyEeG7mkg5613115" alt=""></a>
                            <h5>妙趣鼠标（白）</h5>
                            <p>好美好好用</p>
                        </div>

                    </div>

                    
                     <div class="col-sm-2 col-lg-2">
                        <div class="thumbnail">
                            <a href=""><img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MU_qADQf7AAAfAKV_uYw8342928" alt=""></a>
                            <h5>妙趣鼠标</h5>
                            <p>轻巧</p>
                        </div>

                    </div>

                    
                     <div class="col-sm-2 col-lg-2">
                        <div class="thumbnail">
                            <a href=""><img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MU6OAeSkfAAAoAA35caQ0899387" alt=""></a>
                            <h5>联想键盘</h5>
                            <p>非常舒适</p>
                        </div>

                    </div>

                    
                     <div class="col-sm-2 col-lg-2">
                        <div class="thumbnail">
                            <a href=""><img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQ92AB_YWAAA2y37vQt47074022" alt=""></a>
                            <h5>联想 刃7000</h5>
                            <p>联想(Lenovo)刃7000 3代英特尔酷睿i7 UIY游戏电脑主机（i7-9700F</p>
                        </div>

                    </div>

                    
                     <div class="col-sm-2 col-lg-2">
                        <div class="thumbnail">
                            <a href=""><img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQ4GAfRfqAACj25ypg9I6736762" alt=""></a>
                            <h5>联想(Lenovo)天逸510S</h5>
                            <p>个人商务台式机电脑整机（i3-9100 8G 512G 固态硬盘 WiFi 三年上门 Win10）21.5英寸 九代酷睿I3，8G大内存，512G大容量疾速SSD，内置WIFI，蓝牙，工业用9针串口，一步到位的办公神器 3.8万+条评价</p>
                        </div>

                    </div>

                    
                     <div class="col-sm-2 col-lg-2">
                        <div class="thumbnail">
                            <a href=""><img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQzKAWt31AABbJNvs7ok3495982" alt=""></a>
                            <h5>联想（Lenovo）天逸510Pro</h5>
                            <p>英特尔酷睿i5个人商务台式机电脑整机（i5-9400F 8G</p>
                        </div>

                    </div>

                    


                </div>
            </div>
        </div>
        <!-- /精选单品推荐 -->

        <!-- goods_body -->
        <div class="goods_body">
        <div class="laptop">
            <div class="frame">
                <div class="container">
                    <div class="title">
                        <h4>笔记本/游戏本</h4>
                        <div class="more"><a href="">MORE+</a></div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">

                        <div class="col-lg-4 col-md-4">
                            <div class="thumbnail">
                                <img src="/static/media/lapBanner.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                
                                <div class="col-lg-4 col-md-4">
                                    <div class="thumbnail">
                                        <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQr-AcVtaAABjV-sKyiQ7469476" alt="">
                                        <h5>macbook air2017</h5>
                                        <p>13.3 | Core i5 8G 128G SSD 笔记本电脑 轻薄本 银色</p>
                                        <span>¥7999.00</span>
                                    </div>
                                </div>
                                
                                <div class="col-lg-4 col-md-4">
                                    <div class="thumbnail">
                                        <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQnOACjFtAABUHMrHAWo8190268" alt="">
                                        <h5>macbook Pro 苹果笔记本电脑</h5>
                                        <p>苹果2019新款MacB超薄笔记</p>
                                        <span>¥10888.00</span>
                                    </div>
                                </div>
                                
                                <div class="col-lg-4 col-md-4">
                                    <div class="thumbnail">
                                        <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQZyAW0M8AACFQPDO-o81514879" alt="">
                                        <h5>联想（Lenovo）威6 2020款</h5>
                                        <p>联想（Lenovo）威6 2020款 英特尔酷睿 i5 14英寸窄边框轻薄笔记本电脑(i5-</p>
                                        <span>¥4499.00</span>
                                    </div>
                                </div>
                                
                                <div class="col-lg-4 col-md-4">
                                    <div class="thumbnail">
                                        <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQUmAOW3WAABppHB45pk4420177" alt="">
                                        <h5>联想(Lenovo)小新Pro13.3英</h5>
                                        <p>全面屏超轻薄笔记本电脑(标压锐龙R5-</p>
                                        <span>¥4499.00</span>
                                    </div>
                                </div>
                                
                                <div class="col-lg-4 col-md-4">
                                    <div class="thumbnail">
                                        <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQMiAVcT1AACNAlhhsdk1110684" alt="">
                                        <h5>荣耀MagicBook Pro</h5>
                                        <p>第三方Linux版 16.1英寸全面屏轻薄笔记本电脑（酷睿i5 8G</p>
                                        <span>¥4799.00</span>
                                    </div>
                                </div>
                                
                                <div class="col-lg-4 col-md-4">
                                    <div class="thumbnail">
                                        <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQFCAVFTUAACJAziOZXs9123542" alt="">
                                        <h5>华为(HUAWEI)MateBook 1</h5>
                                        <p>全面屏轻薄性能笔记本电脑 英特尔酷</p>
                                        <span>¥6600.00</span>
                                    </div>
                                </div>
                                



                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="desktop">
            <div class="frame">
                <div class="container">
                    <div class="title">
                        <h4>台式机/一体机</h4>
                        <div class="more"><a href="">MORE+</a></div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">

                        <div class="col-lg-4 col-md-4">
                            <div class="thumbnail">
                                <img src=/static/media/desk.jpg alt="">
                            </div>
                        </div>
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                
                                 <div class="col-lg-4 col-md-4">
                                    <div class="thumbnail">
                                        <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQ92AB_YWAAA2y37vQt47074022" alt="">
                                        <h5>联想 刃7000</h5>
                                        <p>联想(Lenovo)刃7000 3代英特尔酷睿i7 UIY游戏电脑主机（i7-9700F</p>
                                        <span>¥6799.00</span>
                                    </div>
                                </div>
                                
                                 <div class="col-lg-4 col-md-4">
                                    <div class="thumbnail">
                                        <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQ4GAfRfqAACj25ypg9I6736762" alt="">
                                        <h5>联想(Lenovo)天逸510S</h5>
                                        <p>个人商务台式机电脑整机（i3-9100 8G 512G 固态硬盘 WiFi 三年上门 Win10）21.5英寸 九代酷睿I3，8G大内存，512G大容量疾速SSD，内置WIFI，蓝牙，工业用9针串口，一步到位的办公神器 3.8万+条评价</p>
                                        <span>¥2999.00</span>
                                    </div>
                                </div>
                                
                                 <div class="col-lg-4 col-md-4">
                                    <div class="thumbnail">
                                        <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQzKAWt31AABbJNvs7ok3495982" alt="">
                                        <h5>联想（Lenovo）天逸510Pro</h5>
                                        <p>英特尔酷睿i5个人商务台式机电脑整机（i5-9400F 8G</p>
                                        <span>¥4889.00</span>
                                    </div>
                                </div>
                                
                                 <div class="col-lg-4 col-md-4">
                                    <div class="thumbnail">
                                        <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MK5GADwgKAAB2D7ick1s0294853" alt="">
                                        <h5>冒险者</h5>
                                        <p>很好，很香</p>
                                        <span>¥3333.00</span>
                                    </div>
                                </div>
                                



                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="device">
            <div class="frame">
                <div class="container">
                    <div class="title">
                        <h4>外设系列</h4>
                        <div class="more"><a href="">MORE+</a></div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">

                        <div class="col-lg-4 col-md-4">
                            <div class="thumbnail">
                                <img src=/static/media/device.jpg alt="">
                            </div>
                        </div>
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                
                                   <div class="col-lg-4 col-md-4">
                                    <div class="thumbnail">
                                        <img src=http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MU6OAeSkfAAAoAA35caQ0899387 alt="">
                                        <h5>联想键盘</h5>
                                        <p>非常舒适</p>
                                        <span>¥99.00</span>
                                    </div>
                                </div>

                                
                                   <div class="col-lg-4 col-md-4">
                                    <div class="thumbnail">
                                        <img src=http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MU_qADQf7AAAfAKV_uYw8342928 alt="">
                                        <h5>妙趣鼠标</h5>
                                        <p>轻巧</p>
                                        <span>¥700.00</span>
                                    </div>
                                </div>

                                
                                   <div class="col-lg-4 col-md-4">
                                    <div class="thumbnail">
                                        <img src=http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MVGeAB2qPAAAyEeG7mkg5613115 alt="">
                                        <h5>妙趣鼠标（白）</h5>
                                        <p>好美好好用</p>
                                        <span>¥400.00</span>
                                    </div>
                                </div>

                                

                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="hot">
            <div class="frame">
                <div class="container">
                    <div class="title">
                        <h4>热评产品</h4>
                        <div class="more"><a href="">MORE+</a></div>
                    </div>
                </div>
                <div class="container">

                    <div class="row">
                        
                             <div class="col-lg-2 col-sm-2">
                            <div class="thumbnail">
                                <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQr-AcVtaAABjV-sKyiQ7469476" alt="">
                                <h5>macbook air2017</h5>
                                <p>13.3 | Core i5 8G 128G SSD 笔记本电脑 轻薄本 银色</p>
                                <span>7999.00</span>
                            </div>
                        </div>

                        
                             <div class="col-lg-2 col-sm-2">
                            <div class="thumbnail">
                                <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQnOACjFtAABUHMrHAWo8190268" alt="">
                                <h5>macbook Pro 苹果笔记本电脑</h5>
                                <p>苹果2019新款MacB超薄笔记</p>
                                <span>10888.00</span>
                            </div>
                        </div>

                        
                             <div class="col-lg-2 col-sm-2">
                            <div class="thumbnail">
                                <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQZyAW0M8AACFQPDO-o81514879" alt="">
                                <h5>联想（Lenovo）威6 2020款</h5>
                                <p>联想（Lenovo）威6 2020款 英特尔酷睿 i5 14英寸窄边框轻薄笔记本电脑(i5-</p>
                                <span>4499.00</span>
                            </div>
                        </div>

                        
                             <div class="col-lg-2 col-sm-2">
                            <div class="thumbnail">
                                <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQUmAOW3WAABppHB45pk4420177" alt="">
                                <h5>联想(Lenovo)小新Pro13.3英</h5>
                                <p>全面屏超轻薄笔记本电脑(标压锐龙R5-</p>
                                <span>4499.00</span>
                            </div>
                        </div>

                        
                             <div class="col-lg-2 col-sm-2">
                            <div class="thumbnail">
                                <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQMiAVcT1AACNAlhhsdk1110684" alt="">
                                <h5>荣耀MagicBook Pro</h5>
                                <p>第三方Linux版 16.1英寸全面屏轻薄笔记本电脑（酷睿i5 8G</p>
                                <span>4799.00</span>
                            </div>
                        </div>

                        
                             <div class="col-lg-2 col-sm-2">
                            <div class="thumbnail">
                                <img src="http://152.136.150.145:8888/group1/M00/00/00/rBUACl4MQFCAVFTUAACJAziOZXs9123542" alt="">
                                <h5>华为(HUAWEI)MateBook 1</h5>
                                <p>全面屏轻薄性能笔记本电脑 英特尔酷</p>
                                <span>6600.00</span>
                            </div>
                        </div>

                        


                    </div>

                </div>
            </div>
        </div>

    

<!-- 模态框（Modal） -->
<div class="modal fade" id="search" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">

                <h4 class="modal-title" id="myModalLabel">
                    搜索
                </h4>
            </div>
            <div class="modal-body">
                <form action="/computer/search" method="get">
                    <div class="input-group">
                        <input type="text" name="q" placeholder="游戏笔记本">

                        <span class="input-group-addon glyphicon glyphicon-search"></span>
                    </div>

                    <div class="modal-footer">

                        <button type="submit" class="btn btn-primary">
                            搜索
                        </button>
                    </div>
                </form>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- /模态框 --> 
<footer>
    <div class="top hidden-sm hidden-xs">
        <div class="container">
            <dl>
                <dd>三年免费保修</dd>
                <dd>三年免费保修</dd>
                <dd>三年免费保修</dd>
                <dd>三年免费保修</dd>
                <dd>三年免费保修</dd>
            </dl>
            <table class="table">

                <thead>
                <tr>
                    <th>帮助中心</th>
                    <th>服务支持</th>
                    <th>关于我们</th>
                    <th>新闻资讯</th>
                    <th>线下门店</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><a href="#">购物指南</a></td>
                    <td><a href="#">保修政策</a></td>
                    <td><a href="#">公司介绍</a></td>
                    <td><a href="#">营业执照</a></td>
                    <td><a href="#">法律申明</a></td>
                </tr>
                <tr>
                    <td><a href="#">支付方式</a></td>
                    <td><a href="#">服务标准</a></td>
                    <td><a href="#">加入我们</a></td>
                    <td><a href="#">新闻动态</a></td>
                    <td><a href="#">隐私政策</a></td>
                </tr>
                <tr>
                    <td><a href="#">配送方式</a></td>
                    <td><a href="#">退换货政策</a></td>
                    <td><a href="#">联系我们</a></td>
                    <td><a href="#">版权申明</a></td>
                    <td><a href="#">服务条款</a></td>
                </tr>

                </tbody>
            </table>

            <div class="contact">
                <div class="wechat">
                    <p>微信公众号</p>
                    <img src=/static/media/wechat.jpg alt="">
                </div>
                <div class="phone">
                    <h4>4006-999-999</h4>
                    <h6>周一至周日 8:00-18:00</h6>
                    <a href="#">24小时在线服务</a>
                </div>
            </div>
        </div>

    </div>
    <div class="bottom">
        <div class="container">
            <p>版权所有2056-2086 数码家电在线商城模板 沪ICP备000000000号-0</p>
        </div>
    </div>
</footer>


</body>


</html>